<%-- 
    Document   : V_Persona_Update
    Created on : 12-nov-2014, 1:02:52
    Author     : JoseHernan
--%>
<%@page import="db.DB_PersonaTelefono"%>
<%@page import="beans.B_PersonaTelefono"%>
<%@page import="db.DB_RolPermiso"%>
<%@page import="beans.B_RolPermiso"%>
<%@page import="java.util.ArrayList"%>
<%@page import="db.DB_Persona"%>
<%@page import="beans.B_Persona"%>
<%@page import="db.DB_Sexo"%>
<%@page import="beans.B_Sexo"%>
<%@page import="db.DB_TipoDocumentoIdentidad"%>
<%@page import="beans.B_TipoDocumentoIdentidad"%>
<%@page import="db.DB_PersonaEmail"%>
<%@page import="beans.B_PersonaEmail"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    if (session.getAttribute("userName") != null) {
        String userName = session.getAttribute("userName").toString();
        session.setAttribute("userName", userName);
        int idUsuario = Integer.parseInt(session.getAttribute("idUsuario").toString());
        int idPagina = Integer.parseInt(request.getParameter("idPagina").toString());
        ArrayList<B_RolPermiso> listPermisos = DB_RolPermiso.getPermisosPagina(idUsuario, idPagina);
        B_RolPermiso objRolPermiso = listPermisos.get(0);
        boolean List = false;
        boolean New = false;
        boolean Update = false;
        boolean Delete = false;
        for (B_RolPermiso objRolPermiso2 : listPermisos) {
            if (objRolPermiso2.getObjAccionPagina().getObjTipoAccionPagina().getNombre().equals("New")) {
                New = true;
            }
            if (objRolPermiso2.getObjAccionPagina().getObjTipoAccionPagina().getNombre().equals("Update")) {
                Update = true;
            }
        }
        //NEW OR UPDATE
        String action = request.getParameter("action").toString();
        B_Persona obj;
        int id = 0;
        if (action.equals("u")) {
            id = Integer.parseInt(request.getParameter("id").toString());
            ArrayList<B_Persona> list = DB_Persona.getList(id);
            obj = list.get(0);
        } else {
            obj = new B_Persona();
        }
%>
<!-- BEGIN PAGE LEVEL STYLES -->
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN FORM-->
<%
    if (Update || New) {
%>
<form id="form_xsis" name="form_xsis" class="form-horizontal" style="width: <% if (action.equals("u")) {
        out.print("900");
    } else {
        out.print("500");
    }%>px;">
    <div class="portlet box blue" style="margin-bottom: 0px;">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i><%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreMuestraSingular()%>
            </div>
            <div class="tools">
                <%//<button id="closeModal1" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>%>
                <a href="#" id="closeModal1" class="close" data-dismiss="modal" aria-hidden="true"></a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="tabbable-custom">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#tab_1" data-toggle="tab">
                            <%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreMuestraSingular()%> </a>
                    </li>
                    <%
                        if (action.equals("u")) {
                    %>
                    <li>
                        <a href="#tab_2" data-toggle="tab">
                            Emails </a>
                    </li>
                    <li>
                        <a href="#tab_3" data-toggle="tab">
                            Teléfonos </a>
                    </li>
                    <%
                        }
                    %>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-body">
                                    <div class="alert alert-danger display-hide">
                                        <button class="close" data-close="alert"></button>
                                        <label id="messageReturn"></label>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Tipo Doc. Identidad: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <select class="form-control selectToMe" name="idTipoDocumentoIdentidad" id="idTipoDocumentoIdentidad"><!--name="options2"-->
                                                <option value="0">--- Seleccione Tipo Doc. Identidad ---</option>
                                                <%
                                                    ArrayList<B_TipoDocumentoIdentidad> listTipoDocumentoIdentidad = DB_TipoDocumentoIdentidad.getList(0);
                                                    B_TipoDocumentoIdentidad objTipoDocumentoIdentidad;
                                                    for (int i = 0; i < listTipoDocumentoIdentidad.size(); i++) {
                                                        objTipoDocumentoIdentidad = listTipoDocumentoIdentidad.get(i);
                                                %>
                                                <option value="<%= objTipoDocumentoIdentidad.getId()%>" <% if (obj.getObjTipoDocumentoIdentidad().getId() == objTipoDocumentoIdentidad.getId()) {
                                                        out.print("selected");
                                                    }%>  ><%= objTipoDocumentoIdentidad.getNombre()%></option>
                                                <%
                                                    }
                                                %>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Número Doc. Identidad: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="numeroDocumentoIdentidad" id="numeroDocumentoIdentidad" class="form-control" value="<%= obj.getNumeroDocumentoIdentidad()%>" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Nombres: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="nombres" id="nombres" class="form-control" value="<%= obj.getNombres()%>" />
                                        </div>
                                    </div>  
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Apellidos: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="apellidos" id="apellidos" class="form-control" value="<%= obj.getApellidos()%>" />
                                        </div>
                                    </div> 
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Fecha de Nacimiento: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <input type="text" name="fechaNacimiento" id="fechaNacimiento" class="form-control date-picker" value="<%= obj.getFechaNacimiento()%>" />
                                        </div>
                                    </div> 
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Género: <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-9">
                                            <select class="form-control selectToMe" name="idSexo" id="idSexo"><!--name="options2"-->
                                                <option value="0">--- Seleccione Sexo ---</option>
                                                <%
                                                    ArrayList<B_Sexo> listSexo = DB_Sexo.getList(0);
                                                    B_Sexo objSexo;
                                                    for (int i = 0; i < listSexo.size(); i++) {
                                                        objSexo = listSexo.get(i);
                                                %>
                                                <option value="<%= objSexo.getId()%>" <% if (obj.getObjSexo().getId() == objSexo.getId()) {
                                                        out.print("selected");
                                                    }%>  ><%= objSexo.getNombre()%></option>
                                                <%
                                                    }
                                                %>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="closeModal2" type="button" class="btn default" data-dismiss="modal">Cerrar</button>
                            <button id="save" type="submit" class="btn blue">Guardar</button>
                        </div>
                    </div>
                    <%
                        if (action.equals("u")) {
                    %>
                    <div class="tab-pane" id="tab_2">
                        <div class="table-scrollable" id="table_content">
                            <% ArrayList<B_PersonaEmail> listPersonaEmail = DB_PersonaEmail.getListFilerByIdPersona(id);
                                if (listPersonaEmail.isEmpty()) {
                            %>
                            <div class="Metronic-alerts alert alert-danger fade in">No se encontraron Registros</div>
                            <%
                            } else {
                            %>
                            <table class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Nº
                                        </th>
                                        <th>
                                            Email
                                        </th>
                                        <th colspan="2">
                                            Acciones
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <%                                        B_PersonaEmail objPersonaEmail;
                                        for (int i = 0; i < listPersonaEmail.size(); i++) {
                                            objPersonaEmail = listPersonaEmail.get(i);
                                    %>
                                    <tr>
                                        <td>
                                            <%= i + 1%>
                                        </td>
                                        <td>
                                            <%= objPersonaEmail.getEmail()%>
                                        </td>
                                        <td width="1">
                                            <a class="tooltips" data-original-title="Editar" href="#basic" data-toggle="modal" onclick="changeDataModalCustom2('View/PersonaEmail/V_PersonaEmail_Update.jsp?action=u&id=<%=objPersonaEmail.getId()%>&idPersona=<%= obj.getId()%>', '40%');"><i class="fa fa-pencil-square"></i></a>
                                        </td>
                                        <td width="1">
                                            <a href="#basic" data-toggle="modal" onClick="changeDataModalCustom2('deleteRowUpdateDOM.jsp?servlet=C_PersonaEmail&action=d&id=<%= objPersonaEmail.getId()%>&DOMObjet=table_content&idParent=<%= obj.getId()%>&idParentName=idPersona', '40%');"><i class="fa fa-trash-o"></i></a>
                                        </td>
                                    </tr>
                                    <%
                                        }
                                    %>
                                </tbody>
                            </table>
                            <% } %>
                        </div>
                        <div class="modal-footer">
                            <button id="add2" type="submit" class="btn blue">Agregar</button>
                        </div>
                    </div>
                    <div class="tab-pane" id="tab_3">
                        <div class="table-scrollable" id="table_content_2">
                            <% ArrayList<B_PersonaTelefono> listPersonaTelefono = DB_PersonaTelefono.getListFilerByIdPersona(id);
                                if (listPersonaTelefono.isEmpty()) {
                            %>
                            <div class="Metronic-alerts alert alert-danger fade in">No se encontraron Registros</div>
                            <%
                            } else {
                            %>
                            <table class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>
                                            Nº
                                        </th>
                                        <th>
                                            Teléfono
                                        </th>
                                        <th>
                                            Tipo
                                        </th>
                                        <th colspan="2">
                                            Acciones
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <%                                        B_PersonaTelefono objPersonaTelefono;
                                        for (int i = 0; i < listPersonaTelefono.size(); i++) {
                                            objPersonaTelefono = listPersonaTelefono.get(i);
                                    %>
                                    <tr>
                                        <td>
                                            <%= i + 1%>
                                        </td>
                                        <td>
                                            <%= objPersonaTelefono.getTelefono()%>
                                        </td>
                                        <td>
                                            <%= objPersonaTelefono.getObjTipoTelefono().getNombre()%>
                                        </td>
                                        <td width="1">
                                            <a class="tooltips" data-original-title="Editar" href="#basic" data-toggle="modal" onclick="changeDataModalCustom2('View/PersonaTelefono/V_PersonaTelefono_Update.jsp?action=u&id=<%=objPersonaTelefono.getId()%>&idPersona=<%= obj.getId()%>', '40%');"><i class="fa fa-pencil-square"></i></a>
                                        </td>
                                        <td width="1">
                                            <a href="#basic" data-toggle="modal" onClick="changeDataModalCustom2('deleteRowUpdateDOM.jsp?servlet=C_PersonaTelefono&action=d&id=<%= objPersonaTelefono.getId()%>&DOMObjet=table_content_2&idParent=<%= obj.getId()%>&idParentName=idPersona', '40%');"><i class="fa fa-trash-o"></i></a>
                                        </td>
                                    </tr>
                                    <%
                                        }
                                    %>
                                </tbody>
                            </table>
                            <% } %>
                        </div>
                        <div class="modal-footer">
                            <button id="add3" type="submit" class="btn blue">Agregar</button>
                        </div>
                    </div>
                    <%
                        }
                    %>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="action" value="<%= action%>">
    <input type="hidden" name="id" value="<%= id%>">
</form>
<!-- END FORM-->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script>
    $('#add3').click(function () {
        changeDataModalCustom2('View/PersonaTelefono/V_PersonaTelefono_Update.jsp?action=n&id=0&idPersona=<%= obj.getId()%>', '40%');
        return false;
    });
</script>
<script>
    $('#add2').click(function () {
        changeDataModalCustom2('View/PersonaEmail/V_PersonaEmail_Update.jsp?action=n&id=0&idPersona=<%= obj.getId()%>', '40%');
        return false;
    });
</script>
<script>
    $('.date-picker').datepicker({
        orientation: "left",
        autoclose: true,
        format: "dd/mm/yyyy"
    });
</script>
<script>
    function valid() {
        var correcto = true;
        $(".errorMessage").remove();
        if ($("#nombres").val() === "") {
            $("#nombres").parent().append("<span class='errorMessage'>Ingrese nombres.</span>");
            correcto = false;
        }
        if ($("#apellidos").val() === "") {
            $("#apellidos").parent().append("<span class='errorMessage'>Ingrese apellidos.</span>");
            correcto = false;
        }
        if ($("#fechaNacimiento").val() === "") {
            $("#fechaNacimiento").parent().append("<span class='errorMessage'>Seleccione Fecha de Nacimiento.</span>");
            correcto = false;
        }
        if ($("#idSexo").val() === "0") {
            $("#idSexo").parent().append("<span class='errorMessage'>Seleccione Sexo.</span>");
            correcto = false;
        }
        if ($("#idTipoDocumentoIdentidad").val() === "0") {
            $("#idTipoDocumentoIdentidad").parent().append("<span class='errorMessage'>Seleccione Tipo de Documento de Identidad.</span>");
            correcto = false;
        }
        if ($("#numeroDocumentoIdentidad").val() === "") {
            $("#numeroDocumentoIdentidad").parent().append("<span class='errorMessage'>Ingrese Número de Documento de Identidad.</span>");
            correcto = false;
        }
        return correcto;
    }
</script>
<script>
    $('#save').click(function () {
        if (!valid()) {
            return false;
        }
        sendDataForm('C_<%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreReferencia()%>', '<%= objRolPermiso.getObjAccionPagina().getObjPagina().getUrl()%>?idPagina=<%= idPagina%>'); // submit the form
                return false;
            });
</script>
<script>
    $('#form_xsis').keypress(function (event) {
        if (event.which === 13) {
            if (!valid()) {
                return false;
            }
            sendDataForm('C_<%= objRolPermiso.getObjAccionPagina().getObjPagina().getNombreReferencia()%>', '<%= objRolPermiso.getObjAccionPagina().getObjPagina().getUrl()%>?idPagina=<%= idPagina%>'); // submit the form
                        return false;
                    }
                });
</script>
<%
    }
%>
<!-- END PAGE LEVEL SCRIPTS -->

<% } else {

        out.print("<script language='Javascript'>"
                + "alert('Su sessión a expirado, ingrese nuevamente.');"
                + "window.location.href = 'index.jsp'"
                + "</script>");
    }%>